<script>
import Layout from '../../components/Layout'
import BlogCategory from './compononts/BlogCategory.vue';
import BlogList from './compononts/BlogList.vue';

export default {
  components: {
    Layout,
    BlogCategory,
    BlogList,
  }
}
</script>



<template>
  <Layout>
    <div class="main">
      <BlogList />
    </div>

    <template #right>
      <div class="right">
        <BlogCategory />
      </div>
    </template>
  </Layout>
</template>



<style lang='less' scoped>
.main {
  position: relative;
  width: 100%;
  height: 100%;
}

.right {
  position: relative;
  width: 250px;
  height: 100%;
}
</style>